<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
        content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <link rel="stylesheet" href="../style/fontIcon/css/font-awesome.min.css">

    <!-- 自定义css样式 -->
    <link rel="stylesheet" href="../style/self.css">
    <!-- 上下拖动效果js文件 -->
    <script src="../lib/Sortable.min.js"></script>
    <!-- 本地存储数据js文件 -->
    <script src="../lib/store.everything.min.js"></script>
    <!-- echarts库文件引入 -->
    <script src="../lib/echarts.min.js"></script>
    <!-- 上拉加载 -->
    <script src="../lib/bscroll.min.js"></script>
    <!-- 引入timeline固定数据 -->
    <script src="../lib/time.js"></script>
    <!-- 防抖函数 -->
    <script src="../lib/lodash.min.js"></script>
    <!-- 本地存储插件 -->
    <script src="../lib/store.everything.min.js"></script>
    <!-- dayjs -->
    <script src="../lib/dayjs.min.js"></script>
    <!--立即执行函数改变根目录大小 ，ajax请求函数js-->
    <script src="../script/index.js"></script>
    <!--自定义js  -->
    <script src="../script/self.js"></script>
    <title>Document</title>
</head>

<body>
    <div class="selfchoose1">
        <ul>
            <li>
                <img src="../package/img/robot.png" alt="">
            </li>
            <li>同花顺自选股</li>
        </ul>
        <div>
            <i class="fa fa-search"></i>
            <a class="inputSearch" href="#inputSearch">搜股票名称/股票代码</a>
        </div>
        <div>
            <p>目前仅展示沪深A股，更多自选请至APP中查看</p>
            <ul>
                <li>股票名称</li>
                <li>最新价</li>
                <li>涨跌幅</li>
                <div class="sort">
                    <p></p>
                    <p></p>
                </div>
            </ul>
            <ul class="addSelf">
            </ul>
        </div>
    </div>
    <div class="selfchoose2">
        <ul>
            <li>
                <a class="leftBack1">
                    <i class="fa fa-chevron-left"></i>
                </a>
            </li>
            <li>同花顺自选股</li>
        </ul>
        <div>
            <i class="fa fa-search" id="fontSearch"></i>
            <input type="text" class="input1" placeholder="搜股票名称/股票代码">
        </div>
        <ul class="card1">
            <li>
                <p>大家都在搜</p>
            </li>
            <ul class="hotStock">
            </ul>
        </ul>
        <ul class="card2">
        </ul>
    </div>
    <div class="transaction">
        <ul>
            <li class="leftBack2">
                <i class="fa fa-chevron-left"></i>
            </li>
            <li class="stockName">中材节能(603126)</li>
        </ul>
        <ul>
            <li>
                <ul>
                    <li class="last_px">8.95</li>
                    <li>
                        <ul>
                            <li class="change_px">+0.01</li>
                            <li class="change">+0.11%</li>
                        </ul>
                    </li>
                </ul>
            </li>
            <li>
                <ul>
                    <li>
                        <ul>
                            <li>高</li>
                            <li class="high_px">9.01</li>
                        </ul>
                    </li>
                    <li>
                        <ul>
                            <li>低</li>
                            <li class="low_px">8.85</li>
                        </ul>
                    </li>
                </ul>
            </li>
            <li>
                <ul>
                    <li>
                        <ul>
                            <li>开</li>
                            <li class="open_px">8.93</li>
                        </ul>
                    </li>
                    <li>
                        <ul>
                            <li>换</li>
                            <li class="tr">0.77%</li>
                        </ul>
                    </li>
                </ul>
            </li>
            <li>
                <ul>
                    <li>
                        <ul>
                            <li>量</li>
                            <li class="business_amount">12.6万</li>
                        </ul>
                    </li>
                    <li>
                        <ul>
                            <li>额</li>
                            <li class="TotalShares">1.1亿</li>
                        </ul>
                    </li>
                </ul>
            </li>
        </ul>
        <ul>
            <li>分时</li>
            <li>日k</li>
            <li>周k</li>
            <li>月k</li>
        </ul>
        <div class="chart1">
        </div>
        <div>
            <p>新闻</p>
            <div class="bscroll">
                <ul class="news">
                </ul>
            </div>
        </div>
        <footer>
            <ul class="changeBtn">
                <li>
                    <p>交易</p>
                </li>
                <li class="getSelfInfo">
                    <i class="fa fa-plus-square-o"></i>
                    <p>自选</p>
                </li>
                <li>
                    <i class="fa fa-share-square-o"></i>
                    <p>分享</p>
                </li>
            </ul>
        </footer>
    </div>
    <div class="mask">
        <div>
            <p>提示</p>
            <p>当前股票已经添加到自选列表，请到自选列表查看！</p>
            <ul>
                <li class="mask_cancel">取消</li>
                <li class="mask_ok">确认</li>
            </ul>
        </div>
    </div>
</body>

</html>